<!--The content below is only a placeholder and can be replaced.-->
<mat-sidenav-container [class.unicorn-dark-theme]="darkTheme">
  <mat-sidenav #sidenav mode="over">
    <app-sidebar></app-sidebar>
  </mat-sidenav>
  <mat-sidenav-content>
    <div class="site">
      <a routerLink="/login">ddddddd</a>
      <!--header start-->
      <header>
        <app-header (toggle)="sidenav.toggle()" (toggleTheme)="switchTheme($event)"></app-header>
      </header>
      <!--header end-->

      <!--main start-->
      <main>
        <router-outlet></router-outlet>
      </main>
      <!--main end-->

      <!--footer start-->
      <footer>
        <app-footer></app-footer>
      </footer>
      <!--footer end-->
    </div>
  </mat-sidenav-content>
</mat-sidenav-container>
